.showTime{
  @include flex;
  text-align: center;
  margin-bottom: 10px;
  span{
    @include flexcell;
    padding: 15px 0;
    font-size: 1.2rem;
    color: $lightColor;
    border-right: 1px solid $borderColor;
    &:nth-child(2){
      border-right: none;
    }
  }
}
.weekDiv{
  @include flex;
  text-align: center;
  border-bottom: 1px solid $borderColor;
  line-height: 2rem;
  span{
    @include flexcell;
    color: $lightColor;

  }
}
.vue-datepicker-wrap {
    z-index: 999;
    .vue-datepicker-header {
      display: flex;
        text-align: center;
        line-height: 36px;
        margin-bottom: 10px;
        .vue-datepicker-header-btn {
            cursor: pointer;

            &:hover {
                color: #008afe;
            }
        }
        .vue-datepicker-header-btn-pre {
          flex: 1;
          text-align: right;
        }
        .vue-datepicker-header-btn-day {
          flex:1;
          text-align: center;
        }
        .vue-datepicker-header-btn-next {
          flex: 1;
          text-align: left;
        }
    }
    .vue-datepicker-content {
        position: relative;
        table {
            width: 100%;
            border-collapse: collapse;
            thead {
                line-height: 30px;
                font-size: 1rem;
            }
            tbody {
                tr {
                    line-height: 36px;
                    td {
                        text-align: center;
                        cursor: pointer;
                        em{
                          border-radius: 100%;
                          width: 30px;
                          height: 30px;
                          display: inline-block;
                          line-height: 30px;
                          text-align: center;
                        }
                        &.active, &.active:hover {
                          em{
                            color: #fff;
                            background: $greenColor;
                          }
                        }
                        &.flag {
                            color: #999;
                        }
                    }
                }
            }
        }
        .vue-date-picker-year-panel {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fff;
            ul {
                width: 50%;
                height: 100%;
                margin: 0;
                padding-left: 0;
                box-sizing: border-box;
                overflow-y: auto;
                float: left;
                list-style: none;
                li {
                    font-size: 14px;
                    text-align: center;
                    line-height: 30px;
                    cursor: pointer;
                    &.active {
                        color: #fff;
                        background: #007acc;
                    }
                }
                &:first-child {
                    border-right: 1px solid #007acc;
                }
            }
        }
    }
}
.rotate180{
  transform:rotate(180deg);
}
